html,body {height: 100%;}
.self{
	background-color: #e0ffcd;
	height: 180px;
}
.footer{
	min-height: 30%;
	background-color: #333333;
}

.hr1{
	background-color: #000000;
	color: #b4b4b4;
}

.shadow{ box-shadow: 1px 1px 1px 1px #000000 inset}
.bg{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.pro{
	position: relative;
	top: 5px;
	left:5px;
	width:80px;
	border-radius:100%;
	height:80px;
	overflow:hidden;
}

.pro_d{
	position: relative;
	top: 60px;
	left:100px;
	width:90px;
	border-radius:100%;
	height:90px;
	background-color: #8ee7e4
}


.log_out{
	position: relative;
	top: -100px;
	left: 1000px;
	width: 160px;
	height: 40px;
	font-family: 微软雅黑;
	font-size: 20px;
	font-stretch: expanded;
	border-radius:50px;
	color:#333333;
	border:0.2px solid #2299ff;
	background: linear-gradient(to left, #fcffa2,#fbb700);
}

.log_out:hover, .log_out:active{
	background: linear-gradient(to left, #faffc5, #fbf137);
}

.change{
	position: relative;
	top: 50px;
	left: 1000px;
	width: 80px;
	height: 40px;
	font-family: 微软雅黑;
	font-size: 20px;
	border-radius:50px;
	color: #fffff7;
	border:0.2px solid #2299ff;
	background-color: #1d66bf;
}

.join{
	 width: 160px;
	 height: 40px;
	 font-family: 微软雅黑;
	 font-size: 20px;
	 color: #fffff7;
	 border:none;
	 outline: 0;
	 background-color: #f9bd4c;
 }

.join:hover, .join:visited{
	width: 160px;
	height: 40px;
	font-family: 微软雅黑;
	font-size: 20px;
	color: #fffff7;
	border:none;
	outline: 0;
	background-color: #f99032;
}

.new{
	position: relative;
	left: 1000px;
	min-width: 80px;
	height: 40px;
	font-family: 微软雅黑;
	font-size: 20px;
	border-radius:50px;
	color: #fffff7;
	border:0.2px solid #2299ff;
	background-color: #1d66bf;
}

.new_rst{
	width: 60px;
	height: 30px;
	font-family: 微软雅黑;
	font-size: 15px;
	border-radius:50px;
	color: #fffff7;
	border:0.2px solid #2299ff;
	background-color: #1d66bf;
}

.pos{
	font-family: 微软雅黑;
	font-size: 15px;
	display:inline-block;
	color: #1e8e47;
	text-align:center;
	padding:35px 0px;
	text-decoration:none;
	position: relative;
	top: -20px;
}

.act_pos{
	font-family: 微软雅黑;
	font-size: 15px;
	display:inline-block;
	color: #a0a2aa;
	text-align:center;
	padding:35px 0px;
	text-decoration:none;
	position: relative;
	top: -20px;
}

.bar_bt{
	font-family: 微软雅黑;
	font-size: 20px;
	display:inline-block;
	color: #1e8e47;
	text-align:center;
	padding:35px 30px;
	text-decoration:none;
	position: relative;
	top: -25px;
	left: 60px;
}

.act_bar_bt{
	font-family: 微软雅黑;
	font-size: 20px;
	display:inline-block;
	color: #a0a2aa;
	text-align:center;
	padding:35px 30px;
	text-decoration:none;
	position: relative;
	top: -25px;
	left: 60px;
}

.bar_bt:hover, .bar_bt:active{
	color: #a0a2aa;
}

.ul1{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color:#222222;
	height: 91px;
}

li{
	float:right;
}

.pos_top{
	position: relative;
	top: 40px;
}

li a, .dropbtn
{
	display:inline-block;
	color:white;
	text-align:center;
	padding:35px 30px;
	text-decoration:none;

}

li a:hover, .dropdown:hover, .dropbtn:hover
{
	color: #cc5522;
}

.dropdown
{
	display:inline-block;
}

.dropdown-content
{
	display:none;
	position:absolute;
	background-color: #ee330a;
	min-width:120px;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a
{
	color:white;
	padding:12px 16px;
	text-decoration:none;
	display:block;
}

.dropdown-content a:hover {background-color: #d91a34; color:white;}

.dropdown:hover .dropdown-content
{
	display:block;
}

.box{
	width: 380px;
	margin: 0px auto;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
	position: relative;
	top:30px;
	background-color: #000000;
}
.search_frame{
	width: 260px;
	border: 1px solid #e2e2e2;
	height: 30px;
	float: left;
	background-repeat: no-repeat;
	background-size: 25px;
	background-position:5px center;
	padding:0 0 0 40px;
}
.search{
	width: 78px;
	height: 32px;
	float: right;
	background: black;
	color: white;
	text-align: center;
	line-height: 32px;
	cursor: pointer;
}

.jump:hover, .jump:active{
	background-color: #f3ffe5;
	height: auto;
}